@mixin display-grid {
	display: grid;
}
@mixin grid-template-columns( $cols, $gap, $fr ) {
	-ms-grid-columns:
		$fr $gap $fr $gap $fr $gap $fr $gap $fr $gap $fr $gap $fr $gap $fr $gap $fr $gap
		$fr $gap $fr $gap $fr;
	grid-template-columns: repeat($cols, [col-start] minmax(0, $fr));
	grid-column-gap: $gap;
}
@mixin grid-row( $row-start, $span ) {
	-ms-grid-row: $row-start;
	-ms-grid-row-span: $span;
	grid-row: $row-start / span $span;
}
@mixin grid-column( $col-start, $span ) {
	-ms-grid-column: $col-start * 2 - 1;
	-ms-grid-column-span: $span + ( $span - 1 );
	grid-column: $col-start / span $span;
}
